html,
body,
#app {
  font-family: 'PingFangSC-Medium', 'PingFang SC', 'Helvetica', 'PingFang SC', 'Helvetica Neue',
    Arial, 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
  width: 100%;
  height: 100%;
  line-height: 1.5;
}

/* reset */
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img {
  margin: 0;
  padding: 0;
}

fieldset,
img {
  border: 0;
}

img {
  display: block;
}

address,
caption,
cite,
code,
dfn,
th,
var {
  font-style: normal;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

input {
  padding-top: 0;
  padding-bottom: 0;
}

input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

select,
input {
  vertical-align: middle;
}

select,
input,
textarea {
  margin: 0;
}

input[type='text'],
input[type='password'],
textarea {
  outline-style: none;
}

textarea {
  resize: none;
}

table {
  border-collapse: collapse;
}

* {
  box-sizing: border-box;
}

a{
  text-decoration: none;
}